<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div {
				width: 200px;
				height: 200px;
				background: rgba(0, 0, 0, .1);
			}
		</style>
	</head>
	<body>
		<!-- 
		 background-color：
		 background-image：url('')，logo或者装饰的小图片或者超大的背景图片就使用此属性，方便控制位置,
		 bacgrund-repeat背景平铺：repeat、no-repeat、repeat-x、repeat-y
		 background-position：x y;也可以写成center\top\left\right\buttom，只写一个值，后面的表示垂直居中
		 background-attachment：背景图片固定
		 
		 复合写法：没有顺序要求
		 background:color url('') no-repeat fixed x y
		 
		 背景色半透明：background: rgba(0, 0, 0, .3)内容不会有任何影响
		 
		 行高可以跟单位也可以不跟，数值是当前元素大小的几倍
		 font: 12px/1.5 '微软雅黑'
		 
		 优先级：
		 继承或*：0，0，0，0
		 元素选择器：0，0，0，1
		 类选择器、伪类选择器：0，0，1，0
		 ID选择器：0，1，0，0
		 行内样式style：'' ： 1，0，0，0
		 ！import：无穷大
		 注意：无论父元素权重多高，子元素仍然为0
		 权重的叠加：ul li{}高于li{}
		 
		 -->
		 <div>时间流失</div>
	</body>
</html>
